.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.flexbox {
    display: flex;
    display: -webkit-flex;
}
.buy_header{
    width: 95%;
    margin: 0 auto;
   .px2rem(margin-bottom,14);
   .px2rem(font-size,24);
    input{
         .px2rem(height,88);
         .px2rem( border-radius, 10);
         .px2rem(height,88);
         width: 100%;
          margin: 0 auto;
         background: #e0e0e0 url(../img/buy_search.png) no-repeat 40%;
         .px2rem(background-size,28);
         text-align: center;
         border: none;
         color: #FFFFFF;
    }
    
}
.buy_classify{
    .px2rem(font-size,30);
    .px2rem(height,80);
    border-top:1px solid #e0e0e0;
    .flexbox;
    div{
    	 flex: 1;
        text-align: center;
        overflow: hidden;
        a{
        	display: inline-block;
        	.px2rem(margin-top,26);
        	.px2rem(padding-bottom,26);
        	.px2rem(padding-left,30);
        	.px2rem(padding-right,30);
        }
        a.classify{
        	.px2rem(padding-bottom,22);
            border-bottom: 4px solid #fed201;
    	}
    }
}

.buy_img{
    border-bottom: 30px solid #f4f5f6;
    padding: 0 2%;
    width: 96%;
    ul{
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
        width: 98%;
        margin: 0 auto;
        li {
              width: 50%;
             .px2rem(margin-top,10);
             .px2rem(margin-bottom,20);
             img{
                 width:95%;
             }
         }
    }
    
}
.buy_remen{
    h4{
        .px2rem(height,92);
        .px2rem(padding-left,16);
        .px2rem(line-height,92);
        .px2rem(font-size,26);
        font-weight: bold;
        color: #4d4d4d;
    }
    ul{
        .flexbox;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        li{
            width: 33%;
            
            text-align: center;
            border: 1px solid #e8eaeb;
            border-right:none;
             border-bottom:none;
            img{
                width: 80%;
            }
            p{
                .px2rem(margin-bottom,4);
                color: #959595;
            }
        }
    }
}
.index_showfooter{
	.px2rem(height, 100);
}
.index_footer{
	position:fixed;
	bottom:0;
	.px2rem(height, 100);
	border-top:1px solid #ccc;
	.flexbox;
	align-items: center;
	width: 100%;
	background: #fff;
	dl{
		flex:1;
		text-align:center;
		img{
			.px2rem(width,80);
			.px2rem(height,80);
		}
		dt img{
			display: block;
			margin: 0 auto;
			.px2rem(width,40);
			.px2rem(height,40);
		}
		dd{
			.px2rem(font-size,18);
			color: #4c4c4c;
			.px2rem(line-height,38);
		}
		dd.footer_on{
			color: #202020;
		}
	}
}







